<f:layout name="Default" />

<f:section name="content">
	<div id="recycler-index" class="tx_recycler_recycler">
		<form id="recycler-form" class="form-inline form-inline-spaced">
			<div class="form-group">
				<div class="input-group">
					<input type="text" name="search-text" class="form-control">
					<span class="input-group-btn">
						<button type="submit" class="btn btn-default disabled"><core:icon identifier="actions-search" /></button>
					</span>
				</div>
			</div>
			<div class="form-group">
				<select name="depth" class="form-control">
					<option value="0"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_0" /></option>
					<option value="1"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_1" /></option>
					<option value="2"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_2" /></option>
					<option value="3"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_3" /></option>
					<option value="4"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_4" /></option>
					<option value="999"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.depth_infi" /></option>
				</select>
			</div>
			<div class="form-group">
				<select name="pages" class="form-control"></select>
			</div>
		</form>
		<div class="table-fit">
			<table class="table table-hover" id="itemsInRecycler">
				<thead>
					<tr>
						<th>
							<button type="button" class="btn btn-default t3js-toggle-all"><core:icon identifier="actions-document-select" /></button>
						</th>
						<th><f:translate key="table.header.recordtype" /></th>
						<th><f:translate key="table.header.record" /></th>
						<th><f:translate key="table.header.tstamp" /></th>
						<th><f:translate key="table.header.uid" /></th>
						<th><f:translate key="table.header.pid" /></th>
						<th></th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
		</div>
		<div>
			<button class="btn btn-default disabled" data-action="massundo" disabled>
				<core:icon identifier="actions-edit-undo" />
				<span class="text">
					<f:translate key="button.undo" />
				</span>
			</button>
			<f:if condition="{allowDelete}">
				<button class="btn btn-default disabled" data-action="massdelete" disabled>
					<core:icon identifier="actions-edit-delete" />
					<span class="text">
						<f:translate key="button.delete" />
					</span>
				</button>
			</f:if>
		</div>
		<nav>
		</nav>
	</div>
</f:section>
